<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景练习</title>
    <a href="./颜色和背景首页.html">首页</a>

</head>
<body>
    <div class="c-wenben">
        背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景 调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景 调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景 调试文字，背景调试文字，背景调试文字，背景调试文字，
        背景调试文字，背景调试文字，背景 调试文字，背景调试文字，背景调试文字，背景调试文字，

    </div>
</body>

<style>
      * {
        margin: 0;
        padding: 0;
        text-decoration: none;
        list-style: none;
    }
    .c-wenben {
        padding: 20px;
        border: dashed 12px rgb(255, 0, 0);
        width: 500px;
        margin: auto;
        color: rgb(37, 157, 37);
        padding: 20px;
    }

    .c-wenben {
        background-image: url(./紫色五角星.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .c-wenben {
        background: url(./紫色五角星.png);
    }
</style>

</html>